<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ifandshow</title>
    <script src="js/vue-v2.6.14.js"></script>
</head>
<body>
<div id="app">
    <!--
        v-if; v-show 如果为true则显示，false则不显示
        v-if: 控制dom元素是否加载（创建）不适合用于频繁的切换dom元素隐藏和显示
        v-show: 控制dom元素是否显示（dispaly：none），适合用于频繁的切换dom元素隐藏和显示

    -->
    <p v-if="flag">
        这是一个段落1
    </p>
    <p v-show="flag">
        这是一个段落2
    </p>

</div>
</body>
<script type="text/javascript">
    new Vue({
        el:"#app",
        data:{
            flag: false
        },
        methods:{

        }

    })



</script>
</html>